<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            margin: 0px;
            padding: 0px;
        }
        header{
            height: 95px;
            background:white;
        }
        .headerzhong{
            width: 1307px;
            height: 95px;
            background: white;
            margin: auto;
        }
        .logo{
            width: 300px;
            height: 95px;
            float: left;
            background: white;
        }
        .ali{
            margin-top: 25px;

        }
        .sousuo{
            width: 600px;
            height: 95px;
            float: left;
            background:white;
        }
        .shuru{
            width: 300px;
            height: 30px;
            margin-top: 30px;
            float: right;
        }
        .pingtai{
            width: 200px;
            height: 20px;
            background: white;
            margin-top: 35px;
            float: left;
        }
        nav{
            height: 95px;
            background:#ff6600 ;
        }
        .daohang{
            width: 1307px;
            height: 95px;
            background:#ff6600;
            margin: auto;
        }
        .guanyu{
            width: 320px;
            height: 95px;
            float: left;
            background: #ff6600;
        }
        .guanxi{
            width: 326px;
            height: 95px;
            float: left;
            background:#ff6600;
        }
        .xingwen{
            width: 330px;
            height: 95px;
            float: left;
            background: #ff6600;
        }
        .lianxi{
            width: 331px;
            height: 95px;
            float: left;
            background:#ff6600 ;
        }
        li{
            color: white;
            list-style: none;
            margin-top: 40px;
            text-align: center;
        }
        section{
            height: 600px;
            background: #efefce;
        }
        .datupian{
            width: 1307px;
            height: 590px;
            margin: auto;
            background: #efefce;
        }
        .datu{
            margin-left: 170px;
        }
        .daohang2{
            width: 1307px;
            height: 510px;
            margin: auto;
            background: #ff6600;
        }
        .daohangtwo{
            width: 960px;
            height: 550px;
            margin-left: 170px;
            background:#ff6600
        }
        .logo4{
            width: 200px;
            height: 300px;
            float: left;
            background:#ff6600;
        }
        .logo5{
            margin-top: 40px;
        }
        .jian{
            float: left;
            background: #ff6600;
        }
        .jian1{
            float: left;
            margin-left: 100px;
            background: #ff6600;
        }
        .jian2{
            float: left;
            margin-left: 100px;
            background: #ff6600;
        }
        .jian3{
            float: left;
            margin-left: 100px;
            background: #ff6600;
        }
        .zi{
            font-size: 10px;
        }
        footer{
            width: 1307px;
            height: 200px;
            margin: auto;
            margin-top: 500px;
            background: #ff6600
        }
        .zuihou{
            width: 960px;
            height: 100px;
            margin-left: 170px;
            background:#ff6600
        }
        p{
            color: white;
            float: left;
        }
        .cc{
            color: tomato;
        }
        .vv{
            background: #ff6600;
        }
    </style>
</head>
<body>
    <header>
        <div class="headerzhong">
            <div class="logo">
                <img  class="ali" src="images/logo_header.png" alt="">
            </div>
            <div class="sousuo">
                <input class="shuru" type="text" >
            </div>
            <div class="pingtai">
                <p class="cc">阿里巴巴集团相关平台</p><img src="" alt="">
            </div>
            <div class="pingtai">
                <p class="cc">简</p><img src="images/" alt="">
            </div>
        </div>
    </header>
    <nav>
        <div class="daohang">
            <div class="daohang1">
                <div class="guanyu">
                    <li>关于我们</li>
                </div>
                <div class="guanxi">
                    <li>投资者关系</li>
                </div>
                <div class="xingwen">
                    <li>新闻及媒体资源</li>
                </div>
                <div class="lianxi">
                    <li>联系我们</li>
                </div>
            </div>
        </div>
    </nav>
    <section>
        <div class="datupian">
            <img class="datu" src="images/home_banner_1.png" alt="">
        </div>
        <div class="daohang2">
            <div class="daologo">
                <div class="daohangtwo">
                        <div class="logo4">
                            <img  class="logo5" src="images/logo_footer.png" alt="">
                        </div>
                        <ul class="jian">
                            <li class="zi">关于我们</li>
                            <li class="zi">公司简介</li>
                            <li class="zi">业务范畴</li>
                            <li class="zi">历史及里程碑</li>
                            <li class="zi">领导团队</li>
                            <li class="zi">文化和价值观</li>
                            <li class="zi">可持续发展</li>
                            <li class="zi">诚信合规</li>
                            <li class="zi">常见问题</li>
                        </ul>
                        <ul class="jian1"> 
                            <li class="zi">投资者关系</li>
                            <li class="zi">投资者关系主页</li>
                            <li class="zi">投资者新闻及活动</li>
                            <li class="zi">投资者日</li>
                            <li class="zi">年度股东大会</li>
                            <li class="zi">季度业绩</li>
                            <li class="zi">美国证交会公告</li>
                            <li class="zi">公司治理</li>
                        </ul>
                        <ul class="jian2">
                            <li class="zi">新闻及媒体资源</li>
                            <li class="zi">新闻发布会</li>
                            <li class="zi">Alizila 新闻网站</li>
                            <li class="zi">媒体报道</li>
                            <li class="zi">视频</li>
                            <li class="zi">媒体资料库</li>
                            <li class="zi">社交媒体</li>
                        </ul>
                        <ul class="jian3">
                            <li class="zi">联系我们</li>
                            <li class="zi">办公地点</li>
                            <li class="zi">投资者联系</li>
                            <li class="zi">媒体联系</li>
                            <li class="zi">客户联系</li>
                            <li class="zi">执法部门合规指南</li>
                            <li class="zi">只是产权保障</li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>
        <footer>
            <div class="zuihou">
                <hr>
                <br>
                <p>关于我们  |  免责声明  |  私隐政策  |  版权公告 @ 1999-2016 阿里巴巴集团控股有限公司/或其关联公司及特许人，版权所有</p>
            </div>
    </footer>
</body>
</html>